
$(function(){
    let ent=[];
    if(getLocal("mynaTils")==null){
    $.ajax({
        url:"../../js/weixiugunali/cheliang.json",
        stuableType:"json",
        success: function(stubble){
            console.log(stubble.data)
            ent=(stubble.data)
            //获取的数据转为字符串存储到本地
            let mynaTils=JSON.stringify(stubble.data)
            //存储到本地localStorage
            localStorage.setItem("mynaTils",mynaTils)
        }
    })
    }else{
        ent=getLocal("mynaTils")
    }
    
    initiated(ent,0,40)
    getPageTotal()
   
})
    function initiated(data,b,c){
        $(".tianjia")[0].innerHTML = ''
        for(let i=b; i<c; i++){
               if(i==data.length){
                break
               }else{
            $(".tianjia")[0].innerHTML+=`<tr>
            <th>${data[i].维修单号}</th>
            <th>${data[i].装备名称}</th>
            <th>${data[i].装备编号}</th>
            <th>${data[i].故障描述}</th>
            <th>${data[i].计划时间}</th>
                    <th>
                        <div >
                        <button type="button"  id="but" class=" btn btn-warning " data-bs-toggle="modal" data-bs-target="#modl1" onclick="deng(this)">修改</button>
                        <button type="button"  id="but" class=" btn btn-danger " onclick="delate(this)">删除</button>
                        </div>
                    </th>
            </tr>`
            }
        }
    }

//新增
function addData(obj) {
    console.log($("input[name='维修单号']").val());
    console.log($("input[name='装备名称']").val());
    console.log($("input[name='装备编号']").val());
    console.log($("input[name='故障描述']").val());
    console.log($("input[name='计划时间']").val());
    let newObj = {
        维修单号: $("input[name='维修单号']").val(),
        装备名称: $("input[name='装备名称']").val(),
        装备编号: $("input[name='装备编号']").val(),
        故障描述: $("input[name='故障描述']").val(),
        计划时间: $("input[name='计划时间']").val(),
    }
    console.log(newObj);
    //获取当前本地数据，放入新数据
    let daTalist = getLocal("mynaTils");
    daTalist.push(newObj);
    //将新数据存入本地
    setLocal("mynaTils",daTalist);
    //调用用户初始化函数，刷新页面
    initiated(daTalist,0,9)
    getPageTotal()
    qingkong();

}
//清空添加模态框
function qingkong() {
    $("#uname").val('')
    $("input[name='维修单号']").val('')
    $("input[name='装备名称']").val('')
    $("input[name='装备编号']").val('')
    $("input[name='故障描述']").val('')
    $("input[name='计划时间']").val('')
}
// 修改
let idd=0
function deng(obj){
    idd=$(obj).parent().parent().siblings("th").eq(0)[0].innerHTML;
}
function cun(){
    let dengluname = localStorage.getItem("mynaTils")
    dengluname = JSON.parse(dengluname)
    for(i=0;i<dengluname.length;i++){
        if(idd==dengluname[i].维修单号){
           dengluname[i].维修单号=$("#banji").val()
           dengluname[i].装备名称=$("#lianxi").val()
           dengluname[i].装备编号=$("#lianxi1").val()
           dengluname[i].故障描述=$("#lianxi2").val()
           dengluname[i].计划时间=$("#lianxi3").val()
            newname = JSON.stringify(dengluname)
            localStorage.setItem("mynaTils", newname)
            initiated(dengluname)
        }
    }
    console.log(dengluname)

}
//存数据
function setLocal(name, content) {
    content=JSON.stringify(content)
    localStorage.setItem(name,content)
}

//取数据
function getLocal(name) {
    return JSON.parse(localStorage.getItem(name));
}


//  删除函数
function delate(obj) {
    console.log(111111111)
        let a = $($(obj).parent().parent().siblings("th")[0]).html()
        console.log(a)
        let userList = getLocal("mynaTils") ;
        for (let i=0;i<userList.length;i++) {
           if(userList[i].维修单号==a){
               console.log(userList[i].a,userList)
               userList.splice(i,1)
           }
        }
        alert("删除成功")
        setLoca("mynaTils",userList)
        // 改变页面
         initiated(userList,0,40)
          getPageTotal()
    }
    // 存数据
    function setLoca(name,content) {
        content=JSON.stringify(content)
        localStorage.setItem(name,content)
    }
    //取数据
    function getLocal(name) {
        return JSON.parse(localStorage.getItem(name));
}

//分页

// 创建分页
function getPageTotal(){
    $('#pageBtn')[0].innerHTML=''
   let pageTotal=Math.ceil(getLocal( 'mynaTils') .length/10)
    for(let i=1;i<=pageTotal;i++){
      $('#pageBtn')[0].innerHTML+=` <button type="button" class="btn btn-light" onclick="anliu(this)" >${i}</button>`
    }
   
  }

  function anliu(e){
    let a =parseInt($(e).text())
    let b =(a-1)*10
    let c =(a*10)
    initiated(getLocal('mynaTils'),b,c) 
  }
